PRACTICE

AJAX Requests

Practice handling asynchronous requests: loading states, cancel, success/error, and stable automation hooks.

Automation tips: assert #ajax-card[data-loading="true"] while waiting, then verify #status[data-status-kind] and #response[data-source] after completion.

Simulated Request

Select type and delay, then click “Make AJAX Request”. Cancel is supported via AbortController.

AJAX

Request Type GET POST

Verify different responses for GET vs POST.

Simulated Delay (ms)

Use to practice waits/retry logic. Max 20s to keep tests fast.

Status: Idle

// Response will appear here
      

Notes: This page simulates an AJAX call using a delay and returns JSON. It also tries a real fetch to jsonplaceholder.typicode.com when available, and falls back to mock data.